<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="./css/my.css">
    
</head>
<body>
    <div class="header">
        <div class="news">
            <img class="news-1" src="./img/xiaoxi.png" alt="">
        </div>
        <div class="head-1">
            <div class="picture">
                <a href="./register.html"><img class="picture-1" src="./img/touxiang.png" alt=""></a>
            </div>
            <div class="name">
                <span class="name-1">凉白开28654737</span>
                <img class="vip" src="./img/vip.png" alt="">
                <p>主人已经来到有妖气一天</p>
            </div>
        </div>
        <div class="title">
            <img src="./img/liwu.png" alt="">
            <span>可领取</span>
            <span class="title-1">每周定时领取付费漫画阅读卷</span>
        </div>
         <div class="money">
             <div class="money-1">
                 <h3>未开播</h3>
                 <span>我的VIP</span>
             </div>
             <div class="money-1">
                <h3>余额0</h3>
                <span>我的妖气币</span>
            </div> 
         </div>
    </div>
    <div class="content">
        <div class="content-1">
            <div class="content-2">
                <img src="./img/qiandao1.png" alt="">
                <p>签到</p>
            </div>
            <div class="content-2">
                <img src="./img/qianbao1.png" alt="">
                <p>钱包</p>
            </div>
            <div class="content-2">
                <img src="./img/yigouzuoping.png" alt="">
                <p>已购作品</p>
            </div>
        </div>
        <div class="content-1">
            <div class="content-2">
                <img src="./img/fengyintu.png" alt="">
                <p>封印图</p>
            </div>
            <div class="content-2">
                <img class="content-2-1" src="./img/yaoqing.png" alt="">
                <p>邀请有奖</p>
            </div>
            <div class="content-2">
                <img src="./img/kapai.png" alt="">
                <p>卡牌</p>
            </div>
        </div>
        <div class="content-1">
            <div class="content-2">
                <img src="./img/pifu.png" alt="">
                <p>皮肤</p>
            </div>
            <div class="content-2">
                <img src="./img/toupiao.png" alt="">
                <p>我的投票</p>
            </div>
            <div class="content-2">
                <img src="./img/bangzhu.png" alt="">
                <p>帮助反馈</p>
            </div>
        </div>
        <div class="content-1">
            <div class="content-2">
                <img src="./img/wangjing.png" alt="">
                <p>首都网警</p>
            </div>
            <div class="content-2">
                <img src="./img/zuozhe.png" alt="">
                <p>作者中心</p>
            </div>
            <div class="content-2">
                <img src="./img/shezhi.png" alt="">
                <p>设置</p>
            </div>
        </div>
        
    </div>
    <div class="btm"></div>
    <div class="bottom">
        <div class="bottom-1">
            <a href="">
                <img src="./img/shequ.png" alt="">
                <p>社区</p>
            </a>
            
        </div>
        <div class="bottom-1">
            <a href="./index.html">
                <img src="./img/faxian.png" alt="">
                <p>发现</p>
            </a>
            
        </div>
        <div class="bottom-1">
            <a href="">
                <img src="./img/shujia.png" alt="">
                <p >书架</p>
            </a>
            
        </div>
        <div class="bottom-1">
            <a href="">
                <img src="./img/wode.png" alt="">
                <p style="color: #51dea1;">我的</p>
            </a>
            
        </div>
    </div>
</body>
</html>